---
layout: typedoc
title: 'VegaDeckGl | @msrvida/sanddance-explorer'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-explorer</a>
			</li>
			<li>
				<a href="sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="sanddance.vegadeckgl.html">VegaDeckGl</a>
			</li>
		</ul>
		<h1>Namespace VegaDeckGl</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Namespaces</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-namespace tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.constants.html" class="tsd-kind-icon">constants</a></li>
							<li class="tsd-kind-namespace tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.controls.html" class="tsd-kind-icon">controls</a></li>
							<li class="tsd-kind-namespace tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.defaults.html" class="tsd-kind-icon">defaults</a></li>
							<li class="tsd-kind-namespace tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.types.html" class="tsd-kind-icon">types</a></li>
							<li class="tsd-kind-namespace tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.util.html" class="tsd-kind-icon">util</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Enumerations</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-enum tsd-parent-kind-namespace"><a href="../enums/sanddance.vegadeckgl.presenterelement.html" class="tsd-kind-icon">Presenter<wbr>Element</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Classes</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-class tsd-parent-kind-namespace"><a href="../classes/sanddance.vegadeckgl.presenter.html" class="tsd-kind-icon">Presenter</a></li>
						</ul>
					</section>
					<section class="tsd-index-section tsd-is-external">
						<h3>Interfaces</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-interface tsd-parent-kind-namespace tsd-is-external"><a href="../interfaces/sanddance.vegadeckgl.deckprops.html" class="tsd-kind-icon">Deck<wbr>Props</a></li>
							<li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external"><a href="../interfaces/sanddance.vegadeckgl.layerinputhandler.html" class="tsd-kind-icon">Layer<wbr>Input<wbr>Handler</a></li>
							<li class="tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external"><a href="../interfaces/sanddance.vegadeckgl.pickinfo.html" class="tsd-kind-icon">Pick<wbr>Info</a></li>
						</ul>
					</section>
					<section class="tsd-index-section tsd-is-external">
						<h3>Type aliases</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external"><a href="sanddance.vegadeckgl.html#position" class="tsd-kind-icon">Position</a></li>
							<li class="tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external"><a href="sanddance.vegadeckgl.html#rgbacolor" class="tsd-kind-icon">RGBAColor</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Variables</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-variable tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.html#viewgl" class="tsd-kind-icon">View<wbr>Gl</a></li>
							<li class="tsd-kind-variable tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.html#base" class="tsd-kind-icon">base</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Functions</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-function tsd-parent-kind-namespace"><a href="sanddance.vegadeckgl.html#use" class="tsd-kind-icon">use</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group tsd-is-external">
			<h2>Type aliases</h2>
			<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external">
				<a name="position" class="tsd-anchor"></a>
				<h3>Position</h3>
				<div class="tsd-signature tsd-kind-icon">Position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Position2D</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Position3D</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/node_modules/@types/deck.gl__core/index.d.ts:1517</li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external">
				<a name="rgbacolor" class="tsd-anchor"></a>
				<h3>RGBAColor</h3>
				<div class="tsd-signature tsd-kind-icon">RGBAColor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">?</span><span class="tsd-signature-symbol">]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/node_modules/@types/deck.gl__core/index.d.ts:2810</li>
					</ul>
				</aside>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Variables</h2>
			<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-namespace">
				<a name="viewgl" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> View<wbr>Gl</h3>
				<div class="tsd-signature tsd-kind-icon">View<wbr>Gl<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">typeof </span><span class="tsd-signature-type">ViewGl_Class</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/vega-classes/viewGl.d.ts:37</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Subclass of Vega.View, with added properties for accessing a Presenter.
						This is instantiatable by calling <code>new ViewGl()</code>. See <a href="https://vega.github.io/vega/docs/api/view/">https://vega.github.io/vega/docs/api/view/</a></p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-namespace">
				<a name="base" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> base</h3>
				<div class="tsd-signature tsd-kind-icon">base<span class="tsd-signature-symbol">:</span> <a href="../interfaces/sanddance.vegadeckgl.types.base.html" class="tsd-signature-type" data-tsd-kind="Interface">Base</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in vega-deck.gl/dist/es6/base.d.ts:71</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>References to dependency libraries.</p>
					</div>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Functions</h2>
			<section class="tsd-panel tsd-member tsd-kind-function tsd-parent-kind-namespace">
				<a name="use" class="tsd-anchor"></a>
				<h3>use</h3>
				<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-namespace">
					<li class="tsd-signature tsd-kind-icon">use<span class="tsd-signature-symbol">(</span>vega<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.vegabase.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaBase</a>, deck<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.deckbase.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckBase</a>, layers<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.decklayerbase.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckLayerBase</a>, luma<span class="tsd-signature-symbol">: </span><a href="../interfaces/sanddance.vegadeckgl.types.lumabase.html" class="tsd-signature-type" data-tsd-kind="Interface">LumaBase</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in vega-deck.gl/dist/es6/base.d.ts:79</li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Specify the dependency libraries to use for rendering.</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>vega: <a href="../interfaces/sanddance.vegadeckgl.types.vegabase.html" class="tsd-signature-type" data-tsd-kind="Interface">VegaBase</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>Vega library.</p>
								</div>
							</li>
							<li>
								<h5>deck: <a href="../interfaces/sanddance.vegadeckgl.types.deckbase.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckBase</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>deck/core library.</p>
								</div>
							</li>
							<li>
								<h5>layers: <a href="../interfaces/sanddance.vegadeckgl.types.decklayerbase.html" class="tsd-signature-type" data-tsd-kind="Interface">DeckLayerBase</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>deck/layers library.</p>
								</div>
							</li>
							<li>
								<h5>luma: <a href="../interfaces/sanddance.vegadeckgl.types.lumabase.html" class="tsd-signature-type" data-tsd-kind="Interface">LumaBase</a></h5>
								<div class="tsd-comment tsd-typography">
									<p>luma.gl library.</p>
								</div>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class="current tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
							<ul>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="sanddance.vegadeckgl.constants.html">constants</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="sanddance.vegadeckgl.controls.html">controls</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="sanddance.vegadeckgl.defaults.html">defaults</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="sanddance.vegadeckgl.types.html">types</a>
								</li>
								<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
									<a href="sanddance.vegadeckgl.util.html">util</a>
								</li>
							</ul>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="sanddance.specs.html">specs</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="controls.html">controls</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
				<li class=" tsd-kind-enum tsd-parent-kind-namespace">
					<a href="../enums/sanddance.vegadeckgl.presenterelement.html" class="tsd-kind-icon">Presenter<wbr>Element</a>
				</li>
				<li class=" tsd-kind-class tsd-parent-kind-namespace">
					<a href="../classes/sanddance.vegadeckgl.presenter.html" class="tsd-kind-icon">Presenter</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-is-external">
					<a href="../interfaces/sanddance.vegadeckgl.deckprops.html" class="tsd-kind-icon">Deck<wbr>Props</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external">
					<a href="../interfaces/sanddance.vegadeckgl.layerinputhandler.html" class="tsd-kind-icon">Layer<wbr>Input<wbr>Handler</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter tsd-is-external">
					<a href="../interfaces/sanddance.vegadeckgl.pickinfo.html" class="tsd-kind-icon">Pick<wbr>Info</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external">
					<a href="sanddance.vegadeckgl.html#position" class="tsd-kind-icon">Position</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace tsd-is-external">
					<a href="sanddance.vegadeckgl.html#rgbacolor" class="tsd-kind-icon">RGBAColor</a>
				</li>
				<li class=" tsd-kind-variable tsd-parent-kind-namespace">
					<a href="sanddance.vegadeckgl.html#viewgl" class="tsd-kind-icon">View<wbr>Gl</a>
				</li>
				<li class=" tsd-kind-variable tsd-parent-kind-namespace">
					<a href="sanddance.vegadeckgl.html#base" class="tsd-kind-icon">base</a>
				</li>
				<li class=" tsd-kind-function tsd-parent-kind-namespace">
					<a href="sanddance.vegadeckgl.html#use" class="tsd-kind-icon">use</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>